@import "../../styles/base";

.apply-form-container {
  width: 100%;
  background-color: $bg-color-base;
  .apply-form {
    display: block;
    width: 100%;
  }
  .row {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 102px;
    width: 100%;
    border-bottom: solid 1px $bg-color-light;

    .label {
      width: 42%;
      margin-left: 24px;
      font-size: 28px;
      color: $font-color-dark;
    }

    .content-box {
      display: flex;
      align-items: center;

      .content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100px;
        width: 408px;
      }

      .text {
        font-size: 28px;
        color: $font-color-dark;
      }

      .input-box {
        position: relative;
        font-size: 28px;
        .input-text {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          height: 1.47em;
          line-height: 1.47em;
        }
        .input-text-weapp {
          height: 1.4rem;
          line-height: 1.4rem;
        }
        input {
          color: transparent;
          caret-color: #000;
        }
      }

      .place-holder {
        color: $font-color-grey;
      }
    }

    .require::before {
      content: '*';
      color: $font-color-important;
    }
  }
}
